@extends('public.main')
@section('title', '文章首页')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('/static/css/detail.css') }}">
@endsection

@section('content')
        <div class="col-xs-12 content_left">
            <div class="col-xs-12 item_article">
                <div class="col-xs-12" style="margin:0;padding:0;margin-top:10px ">
                    <div class="avatar">
                        <img src="{{ asset('/static/img/32.png') }}"/>
                    </div>
                    <div class="user_name">
                        <a href="#" style="color:#9b8878;" id="username">大吴和毛毛</a>
                    </div>
                </div>
                <div class="col-xs-12 item_content">
                    小时候因为我是爷爷奶奶唯一的孙子，所以从小就被溺爱着，有一次因为偷了东西妈妈一改平时温柔的个性，把我往死里打，我还不服气，说:“妈妈你要把我打死了你就没儿子了……”妈妈回我:“把你打死了我再生……”妈妈威武啊！从此以后我再也没有偷过东西了！
                </div>
                <div class="col-xs-12 detail_button">
                    <div class="col-xs-3"><button type="button" class="btn btn-default " style="width:100%;">上一条</button></div>
                    <div class="col-xs-6"><button type="button" class="btn btn-default" style="width:100%;background:black;color:white;">下一条，你懂得</button></div>
                    <div class="col-xs-3"><button type="button" class="btn btn-default" style="width:100%;">收藏</button></div>
                </div>
                <div class="col-xs-12 item_praise">
                    <div class="praise_first">
                        9186 好笑
                    </div>
                    <div class="praise_point">
                        ·
                    </div>
                    <div class="praise_second">
                        <a href="#" style="color:#999999" id="comment_num">107 评论</a>
                    </div>
                </div>
                <div class="col-xs-12 item_img">
                    <div style="float:left;">
                        <a href="#"><img src="{{ asset('/static/img/good.png') }}" style="width:20px;height:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/bad.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/comments.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                    </div>
                    <div style="float:right;">
                        <a href="#"><img src="{{ asset('/static/img/qq-2.png') }}" style="width:20px;height:20px;"/></a>
                        <a href="#"><img src="{{ asset('/static/img/微信-2.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                    </div>
                </div>
            </div>
        </div>

        {{--评论--}}
        <div class="col-xs-12 content_left">
            <div class="col-xs-12 comment">
                <h4>评论（83）</h4>
                <div>
                    <hr style="width:98%;border:1px solid #e7e5e2;margin:0;"/>
                    <div class="col-xs-12" style="margin-top:10px;margin-bottom:10px;">
                        <div class="col-xs-1" style="margin:0px;padding:0px;">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="col-xs-11" style="margin:0px;padding:0px;">
                            <div class="col-xs-12 comment_name" style="margin:0px;padding:0px;">
                                隔壁、老王。
                            </div>
                            <div class="col-xs-12" style="margin:0px;padding:0px;">
                                来啊来啊！
                            </div>
                        </div>
                    </div>
                </div>

                <div>
                    <hr style="width:98%;border:1px solid #e7e5e2;margin:0;"/>
                    <div class="col-xs-12" style="margin-top:10px;margin-bottom:10px;">
                        <div class="col-xs-1" style="margin:0px;padding:0px;">
                            <img src="{{ asset('/static/img/32.png') }}"/>
                        </div>
                        <div class="col-xs-11" style="margin:0px;padding:0px;">
                            <div class="col-xs-12 comment_name" style="margin:0px;padding:0px;">
                                隔壁、老王。
                            </div>
                            <div class="col-xs-12" style="margin:0px;padding:0px;">
                                来啊来啊！
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
